  body {
  	margin: 0px;
  	padding: 0px;
  	font-size: 12px;
  	color: #333333;
  	background: #F2F2F2;
  	font-family: Arial, Helvetica, sans-serif
  }

  ul,
  li {
  	margin: 0px;
  	padding: 0px;
  	list-style: none
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
  	margin: 0px;
  	padding: 0px;
  }

  a,
  a:link,
  a:visited {
  	color: #333333;
  	text-decoration: none
  }

  #top .logo {
  	float: left;
  	width: 192px;
  	height: 60px;
  }

  #top .logo a {
  	overflow: hidden;
  	font-size: 0;
  	cursor: pointer;
  	display: block;
  	width: 250px;
  	height: 60px;
  }

  #top .logo img {
  	height: 60px;
  }

  .banner {
  	margin-bottom: 10px
  }

  #navBar ul li:hover,
  #navBar ul li a:hover {
  	color: #FFFFFF;
  	background: #242221;
  	text-decoration: none
  }

  #navBar ul li a {
  	display: block
  }


  #head .left {
  	float: left;
  	width: 200px;
  	height: 25px;
  	line-height: 25px;
  	font-size: 12px;
  	text-align: left;
  }


  #head ul {
  	float: right;
  	margin: 0px;
  	padding: 0px;
  	width: 200px;
  	font-size: 14px;
  	color: #666;
  }

  #head ul li {
  	float: right;
  	height: 30px;
  	line-height: 30px;
  	padding-left: 5px;
  	font-size: 14px;
  }

  #head {
  	border-bottom: 1px dashed #CCCCCC;
  }

  .banner img {
  	width: 100%;
  	height: 380px;
  }

  #head,
  #top {
  	width: 100%;
  	margin: 0 auto;
  	background: #F7F8F6;
  }

  .content {
  	width: 980px;
  	margin: 0 auto;
  }

  .hyc {
  	border: 1px solid #242221;
  	background: #F7F7F7;
  	box-shadow: 1px 1px 1px #242221
  }


  li.uu:hover .uy {
  	display: block !important
  }

  #navBar ul {
  	height: 40px;
  	display: block
  }

  #navBar ul li {
  	float: left;
  	width: 150px;
  	line-height: 40px;
  	text-align: center;
  	border-right: 1px solid #242221;
  	font-family: 微软雅黑;
  }

  #navBar li:nth-child(6) {
  	border-right: 0px solid #242221
  }

  #navBar ul li a,
  #navBar ul li a:visited {
  	text-align: center;
  	font-size: 14px;
  	font-family: 微软雅黑;
  	font-weight: bold;
  }

  #wrapper {
  	margin: 0 auto;
  	width: 980px;
  	margin-top: 10px;
  }

  #main_cont {
  	float: left;
  	width: 720px;
  }

  #index-con {
  	width: 980px;
  	margin: 0 auto;
  	border: 1px solid #CCCCCC;
  	background: #FAFAFA
  }

  .index_about {
  	width: 540px;
  	margin: 20px 0px 0px 10px;
  	float: left;
  }

  .about_title {
  	height: 35px;
  	background: #FFFFFF;
  	font: 12px/35px Verdana, microsoft yahei, Arial;
  }

  #index-con h3.s1 {
  	height: 26px;
  	line-height: 26px;
  	border-radius: 26px;
  	border: 1px solid #CCCCCC
  }

  #index-con h3.s1 span {
  	display: inline-table;
  	height: 26px;
  	padding: 0px 10px;
  	background: #242221;
  	border-top-left-radius: 26px;
  	border-bottom-left-radius: 26px;
  	color: #FFFFFF
  }

  .index_about P.about_con {
  	width: 540px;
  	padding: 15px 0px;
  	text-indent: 2em;
  	font: 12px/25px simsun, Arial, Helvetica, sans-serif;
  }

  .index_new {
  	float: right;
  	width: 388px;
  	margin: 20px 10px 0px 0px;
  }

  .new_title {
  	height: 35px;
  	background: #FFFFFF;
  	font: 12px/35px Verdana, microsoft yahei, Arial;
  }

  .index_new P.about_con {
  	width: 380px;
  	padding: 15px 0px;
  	text-indent: 2em;
  	line-height: 25px;
  }

  .new_title h3 {
  	padding-left: 10px;
  	height: 30px;
  	line-height: 30px;
  	border: 1px solid #CCCCCC
  }

  #index-con .more {
  	float: right;
  	width: 35px;
  	padding: 0px 10px;
  }

  .index_new ul {
  	margin-top: 18px;
  }

  .index_new li {
  	list-style: none;
  	line-height: 30px;
  	line-height: 30px;
  	background-image: url(../images/jt.png);
  	background-size: 18px 18px;
  	background-repeat: no-repeat;
  	background-position: left center;
  	white-space: nowrap;
  	overflow: hidden;
  	padding-left: 25px;
  	margin-left: 20px;
  	border-bottom: 1px dashed #242221;
  	font-size: 12px;
  	position: relative;
  }

  .index_new li a {
  	width: 300px;
  	display: block;
  	white-space: nowrap;
  	overflow: hidden;
  }

  .index_new .time {
  	position: absolute;
  	right: 10px;
  	top: 0px;
  	height: 30px;
  	width: 80px;
  	text-align: right;
  	color: #505050;
  }

  .product_title h3 {
  	padding-left: 10px;
  	height: 30px;
  	line-height: 30px;
  	border: 1px solid #CCCCCC;
  	background: #FFFFFF
  }

  .pro_xs {
  	margin-top: 10px;
  }

  .pro_xs ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  .pro_xs ul li {
  	float: left;
  	width: 25%;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }

  .pro_xs ul li .bd {
  	margin-right: 10px;
  	border: 1px solid #CCCCCC;
  	border-radius: 6px;
  	background: #F6F6F6;
  }

  .pro_xs ul li:nth-child(4n) .bd {
  	margin-right: 0px;
  }

  .pro_xs img {
  	width: 100%;
  	height: 160px;
  }

  .pro_xs img:hover {
  	transition: all 0.9s;
  	transform: scale(1.2);
  }

  .pro_xs .tta {
  	text-align: center;
  	line-height: 30px;
  	white-space: nowrap;
  	overflow: hidden;
  	height: 30px;
  	color: #333333;
  	font-size: 14px;
  	font-weight: bold;
  }

  .index_product {
  	margin-left: 10px;
  	margin-right: 10px;
  	margin-top: 10px;
  }

  #map {
  	background: #F7F7F7;
  	border: 1px solid #242221;
  	height: 30px;
  	border-left: 5px solid #242221;
  	margin: 0 0 10px 0;
  	border-radius: 3px;
  }

  #map li {
  	float: left;
  	width: 100px;
  	height: 30px;
  	line-height: 30px;
  	text-align: center;
  	margin: 0px 10px;
  }

  .browse {
  	padding-left: 15px;
  	line-height: 30px;
  	text-align: left;
  }

  .cp_box {
  	padding: 10px;
  	border: 1px solid #CCCCCC
  }

  .cp_box ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  .cp_box ul li {
  	float: left;
  	width: 33.33%;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	background: #FFFFFF;
  	overflow: hidden;
  }

  .cp_box li .bd {
  	margin-right: 10px;
  	border: 1px solid #CCCCCC;
  	border-radius: 6px;
  	background: #F6F6F6;
  }

  .cp_box a:nth-child(3n) li .bd {
  	margin-right: 0px;
  }

  .cp_box img {
  	width: 100%;
  	height: 180px;
  	transition: all 0.7s;
  }

  .cp_box img:hover {
  	transition: all 0.9s;
  	transform: scale(1.2);
  }

  .cp_box .tta {
  	text-align: center;
  	line-height: 30px;
  	white-space: nowrap;
  	height: 30px;
  	color: #333333;
  	font-size: 14px;
  	font-weight: bold;
  	margin: 0px 10px;
  	overflow: hidden;
  }

  #sidebar {
  	width: 250px;
  	float: right;
  	border: 0px solid #CCCCCC;
  }

  #sidebar .widget {
  	margin-bottom: 10px;
  	background: #FFFFFF;
  }

  .widget .introduce {
  	padding: 5px 10px 5px 10px;
  	background: #fff;
  	border: 1px solid #ccc;
  	line-height: 200%
  }

  .widget ul {
  	background: #fff;
  	padding: 5px 10px 5px 10px;
  	border: 1px solid #ccc;
  }

  .widget ul li.tt {
  	height: 38px;
  	line-height: 38px;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: normal;
  	padding-left: 25px;
  	background: url(../images/jt.png) no-repeat scroll 1px 10px;
  	background-size: 18px 18px;
  	border-bottom: 1px dashed #242221;
  	font-size: 14px;
  }

  .widget ul li.tt:hover {
  	margin-left: 10px;
  	transition: all 0.7s;
  	border-radius: 4px;
  }

  .widget ul li.ymj {
  	height: 50px;
  	line-height: 50px;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: normal;
  	padding-left: 15px;
  	border-bottom: 1px dashed #242221;
  	font-size: 12px;
  }

  .widget ul li.ymj:hover {
  	color: #242221
  }

  #sidebar h3.s1 {
  	height: 30px;
  	line-height: 30px;
  	padding-left: 10px;
  	font-size: 14px;
  	font-weight: 500;
  	background: #F7F7F7;
  	border-radius: 3px;
  	background: #242221;
  	color: #FFFFFF;
  }

  .div_page {
  	margin: 10px 0 10px 0;
  }

  .div_page span,
  .div_page a {
  	float: left;
  	background: #fff;
  	margin: 0 3px 0 0;
  	padding: 4px 6px;
  	line-height: 100%;
  	border: 1px solid #ccc;
  }

  .current {
  	background: #242221 !important;
  	border: 1px solid #242221;
  	color: #FFFFFF;
  }

  .art_content {
  	background: #F7F7F7;
  	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  }

  h1.art_title {
  	padding: 10px 10px 10px 10px;
  	margin: 0;
  	text-align: center;
  	font-size: 16px;
  	color: #333333;
  	font-weight: 800;
  }

  .art_date {
  	margin: 0 0 0 0;
  	padding: 5px 15px 8px 15px;
  	font-size: 12px;
  	text-align: center;
  	color: #666666;
  	border-bottom: 1px dashed #E1D4C0;
  }

  .art_entry {
  	margin: 0 0 0 0;
  	padding: 10px;
  	font-size: 14px;
  	word-break: break-all;
  	text-align: left;
  	line-height: 180%;
  	text-indent: 2em;
  	background: #FCFCFC;
  }

  .art_entry img {
  	max-width: 90%;
  	text-align: center
  }

  #footer {
  	width: 980px;
  	margin: 0 auto;
  	margin-top: 10px;
  	padding: 0px;
  	border-top: 2px solid #E5673F;
  	color: #FFFFFF
  }

  #footer p {
  	height: 60px;
  	line-height: 60px;
  	text-align: center;
  	background: #242221;
  	font-size: 16px
  }

  /*注册*/
  .reg1 {
  	height: 30px;
  	font-size: 14px;
  	font-weight: bold;
  	line-height: 30px;
  }

  .reg_box {
  	padding: 10px;
  	position: relative;
  	border: 1px solid #CCCCCC
  }

  .reg_box .p1 {
  	width: 260px;
  	height: 30px;
  	line-height: 30px;
  }

  .reg_box .p2 {
  	width: 120px;
  	height: 30px;
  	line-height: 30px;
  }



  #nav_ul li.uu {
  	position: relative
  }

  ul.uy {
  	position: absolute;
  	top: 40px;
  	left: 0;
  	width: 150px;
  	height: auto !important;
  	background: #f5f5f5;
  	z-index: 999;
  	border: 1px solid #CCCCCC
  }

  ul.uy li {
  	float: none;
  	height: 30px !important;
  	line-height: 30px !important;
  	color: #333333 !important;
  	border-bottom: 1px dashed #CCCCCC
  }

  ul.uy li:hover {
  	background: #242221 !important;
  	color: #333333 !important;
  }

  ul.uy li a:hover {
  	background: #242221 !important;
  	color: #333333 !important;
  }

  .contact_con {
  	padding: 10px 10px;
  	background: #FFFFFF;
  	border: 1px solid #CCCCCC
  }

  .contact_l {
  	width: 720px;
  	float: left;
  }

  .contact_r {
  	width: 180px;
  	float: right;
  	padding: 10px
  }

  .contact_r img {
  	width: 180px;
  }

  .contact_con p {
  	height: 50px;
  	line-height: 50px;
  	margin: 12px 0px;
  	background: #F8F8F8;
  	padding: 6px;
  	border: 1px dashed #CCCCCC;
  }

  .contact_con p.cc1 {
  	background: url(../images/lx1.png) no-repeat 5px 12px;
  	padding-left: 58px;
  	background-size: 38px 38px
  }

  .contact_con p.cc2 {
  	background: url(../images/lx2.png) no-repeat 5px 12px;
  	padding-left: 58px;
  	background-size: 38px 38px
  }

  .contact_con p.cc3 {
  	background: url(../images/lx3.png) no-repeat 5px 12px;
  	padding-left: 58px;
  	background-size: 38px 38px
  }

  .contact_con p.cc4 {
  	background: url(../images/lx4.png) no-repeat 5px 12px;
  	padding-left: 58px;
  	background-size: 38px 38px
  }

  .contact_con span.a1 {
  	font-size: 16px;
  	color: #333333;
  	font-weight: bold;
  }

  .contact_con span.b1 {
  	font-size: 16px;
  	color: #333333;
  	font-weight: 500;
  }

  .bd_map {
  	margin-top: 10px;
  	text-align: center
  }

  .bd_map img {
  	width: 100%
  }

  .gs_tt {
  	overflow: hidden;
  	margin: auto;
  	text-align: center;
  	margin-top: 15px;
  	padding-bottom: 15px;
  }

  .gs_tt h2 {
  	color: #8A4933;
  	margin-top: 10px;
  }

  .gs_tt .line {
  	width: 100%;
  	height: 20px;
  	border-bottom: 1px solid #8A4933;
  	position: relative;
  }

  .gs_tt .line span {
  	display: block;
  	width: 32px;
  	height: 4px;
  	background: #242221;
  	position: absolute;
  	left: 50%;
  	margin-left: -16px;
  	bottom: -2px;
  }

  .about_us {
  	padding: 10px;
  	border: 1px solid #CCCCCC
  }

  .swfbox {
  	width: 600px;
  	height: 250px;
  	text-align: center;
  	margin-top: 15px;
  }

  .swfbox embed {
  	width: 100%;
  	height: 250px;
  }

  .about_us .pic {
  	float: left;
  	width: 500px;

  }

  .about_us .pic img {
  	width: 100%;
  	height: 100%;
  }

  .about_us .text {
  	width: 420px;
  	float: right;
  	position: relative;
  }

  .about_us .text p {
  	line-height: 36px;
  	text-indent: 2.0em;
  	font-size: 16px
  }